<template>
  <div class="list">
    <div class="list1">
        <div class="lb"> 
            <img src="https://gw.alicdn.com/imgextra/i3/O1CN01euJ1ig25zTfrspBMx_!!6000000007597-2-tps-406-132.png_220x10000.jpg_.webp" alt="">
        </div> 
        <div class="lbs">
            <img  :src="v" alt="" v-for="(v,index) in imgarr" :key="index">
        </div>
    </div>
  </div>
</template>

<script>

export default {
    data(){
        return{
            imgarr:[
                "https://gw.alicdn.com/imgextra/i1/O1CN01qbDsQJ1eiXPpnOce0_!!6000000003905-2-tps-496-496.png_140x10000.jpg_.webp",
                "https://gw.alicdn.com/imgextra/i3/O1CN01YHGlGd1KfWUwoHXpn_!!6000000001191-2-tps-186-186.png_140x10000.jpg_.webp",
                "https://gw.alicdn.com/imgextra/i2/O1CN01N4cKh91YcgdsmVfGa_!!6000000003080-2-tps-496-496.png_140x10000.jpg_.webp",
                "https://gw.alicdn.com/imgextra/i2/O1CN018BqVIT1XLS7YepzcV_!!6000000002907-2-tps-496-496.png_140x10000.jpg_.webp",
                "https://gw.alicdn.com/imgextra/i1/O1CN01WssaMH1BsxY8lmb8S_!!6000000000002-2-tps-496-496.png_140x10000.jpg_.webp",
                "https://gw.alicdn.com/imgextra/i3/O1CN01exCq6K230u3R73fOF_!!6000000007194-2-tps-496-496.png_140x10000.jpg_.webp",
                "https://gw.alicdn.com/imgextra/i1/O1CN012E94Jw1b5CYhCVr8F_!!6000000003413-2-tps-496-496.png_140x10000.jpg_.webp",
                "https://gw.alicdn.com/imgextra/i2/O1CN01M1tk5V1FNavAMP4Ep_!!6000000000475-2-tps-496-496.png_140x10000.jpg_.webp",
                "https://gw.alicdn.com/imgextra/i3/O1CN01hLmYmY1Oc5zhE58Oj_!!6000000001725-2-tps-248-248.png_140x10000.jpg_.webp",
                "",
            ]
        }
    }
}
</script>

<style scoped>
.list{
    width: 100%;
    box-sizing: border-box;
    padding: 0 3%;
}
.list1{
    width: 100%;
    height: 85.04px;
    display: flex;
    align-items: center;
}
.lb{
    width: 127px;
    height: 62px;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: center;
    padding-left: 2.8vw;
    border-top-right-radius: 133.333vw;
    border-bottom-right-radius: 133.333vw;
    box-shadow: rgb(0 0 0 / 84%) 3.2vw 0px 2.6667vw -3.7333vw;
    box-sizing: border-box;
    z-index: 1;
    background: linear-gradient(270deg, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 12%);
}
.lb img{
    width: 102px;
    height: 33.39;
}
.lbs{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow: auto;
}
.lbs img{
    width:63px ;
    height: 63px;
}
</style>